<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="style/css/reset/reset-min.css" media="all" />
        <link rel="stylesheet" type="text/css" href="style/css/reset/reset-fonts.css" media="all" />
        <link rel="stylesheet" type="text/css" href="style/css/page.css" media="all" />
        <link rel="stylesheet" type="text/css" href="../phpmy/style/css/mvc.css" media="all" />
        <link rel="stylesheet" type="text/css" href="style/css/form.css" media="all" />
        <link rel="stylesheet" type="text/css" href="../phpmy/style/css/topmenu.css" media="all" />
        <title>PHP meet YUI - Demo</title>
        <script type="text/javascript">
            <!--
            // Base path to phpmy folder
            var PHPmYBaseUrl = BaseUrl = '../phpmy/';
            
            
            /* can be called when a link is clicked */
            function _body_onunload(){
                return;
            }
            
            /**
             * function is called when all external scripts are loaded
             */
            function jsReady(){
                // if you need to init some - do here
                
                // i init the form to use xhr
                var any = new ajaxFormPost({buttonid: 'sendbtn', formid: 'test', target: 'form.xhr.post.answer.php'});
                return;
            }
            
            -->
        </script>
        <script type="text/javascript" src="../phpmy/js/yui/build/yuiloader/yuiloader-min.js">
        </script>
        <script type="text/javascript" src="../phpmy/js/loader.js">
        </script>
    </head>
    <body class="yui-skin-sam">
        <div id="pagemain">
        <form action="" id="test" method="post">
        <fieldset>
            <ul class="formset">
                <li class="label">
                    <label for="text">
                        Textfield:
                    </label>
                </li>
                <li class="field">
                    <textarea id="text" name="text" cols="80" rows="5">Enter some text and send to Server</textarea>
                </li>
            </ul>
        </fieldset>
        <fieldset>
            <ul class="formset">
                <li class="btn">
                    <button type="button" id="sendbtn">
                        send by XHR-Post
                    </button>
                </li>
            </ul>
            <ul class="formset">
                <li class="label">
                    <label for="answer">
                        Answer from Server:
                    </label>
                </li>
                <li class="field">
                    <textarea id="answer" name="answer" cols="80" rows="5">
                    </textarea>
                </li>
            </ul>
        </fieldset>
        </div>
    </form>
    </body>
</html>
